<div id="generate" data-dojo-type="dojox.mobile.ScrollableView"  style="width: 100%;">
    <h1 data-dojo-type="dojox.mobile.Heading" back="Home" moveTo="foo">Simple Form Generate Example</h1>
	<div class="field-title"></div>
        <div id="main">
          <div id="leftNav">
          </div>
          <div id="mainContent" class="generate-maincontent">
          	<div id="outerModelArea">
				<h3 data-dojo-type="dojox.mobile.RoundRectCategory">Model</h3>
            	<div class="generate-textarea-row">
              		<textarea class="generate-textarea-cell" data-dojo-type="dojox.mobile.TextArea" id="modelArea">
{
	"Serial": "11111",
	"First": "John",
	"Last": "Doe",
	"Email": "jdoe@example.com",
	"Phones": [
		{
			"Office": "111-111-1111"
		},
		{
			"Mobile": "222-222-2222"
		}
	]
}
					</textarea>
            	</div>
        		<div class="fieldset">
        			<div class="spacer"></div>
           			<button id="generate1" type="button" data-dojo-type="dojox.mobile.Button" class="mblBlueButton" onclick="updateView()">Generate Form</button>
            	</div>
            </div>
            <div id="viewArea" style="display:none">
				<h3 data-dojo-type="dojox.mobile.RoundRectCategory">Generated View</h3>
        		<div class="fieldset">
            		<div id="view" data-dojo-type="dojox.mvc.Generate" data-dojo-props="widgetMapping:{'String' : 'dojox.mobile.TextBox'}, idNameMapping:{'String' : 'TB'}"></div>
            	</div>
        		<div class="fieldset">
        			<div class="spacer"></div>
        			<button id="updateModel" type="button" data-dojo-type="dojox.mobile.Button" class="mblBlueButton" onclick="updateModel()">Update Model</button>
            	</div>
            </div>
              		<textarea style="display:none" data-dojo-type="dojox.mobile.TextArea" id="modelArea2">
{
	"Serial": "11111",
	"First": "John",
	"Middle": "J",
	"Last": "Doe",
	"Email": "jdoe@example.com",
	"Phones": [
		{
			"Office": "111-111-1111"
		},
		{
			"Mobile": "222-222-2222"
		}
	]
}
					</textarea>
            
          </div>
        </div></div>
